<template>
  <div class="list">
    <rangeItem
      v-for="(item, i) in rangeList"
      :key="i"
      :rangeItem="item"
    ></rangeItem>
  </div>
</template>

<script>
import rangeItem from "./rangeItem.vue";
export default {
  components: { rangeItem },
  props: {
    rangeList: {
      type: Array,
      default: () => [],
    },
  },
};
</script>

<style>
.list {
  display: flex;
  width: 1682px;
  height: 1072px;
  flex-wrap: wrap;
  margin: 55px 0 130px 119px;
}
</style>